<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        html {
            height: 5000px;
        }
    </style>
</head>

<body>

</body>
<script>
    // window  

    // window.name   window.status   => 字符串

    // innerWidth  innerHeight
    // outerWidth  outerHeight

    // open()
    // close()

    // scrollBy(x,y)
    // scrollTo(x,y)

    // onload
    // onscroll
    // onresize

    // onfocus
    // onblur
    // onbeforeunload

    // window  ->  document -> html -> body

    // 取值
    // document.documentElement.clientWidth
    // document.documentElement.clientHeight

    // document.documentElement.scrollWidth
    // document.documentElement.scrollHeight

    // 取值和赋值
    // document.documentElement.scrollLeft
    // document.documentElement.scrollTop

    document.ondblclick = function () {
        document.documentElement.scrollTop = 0;
    }

    // document

    // all
    // document.documentElement
    // document.body
    // document.head
    // document.title


    // document.bgColor = "#6ff"
    // console.log(document.bgColor);





    // history
    // navigator
    // location
    // screen





</script>

</html>